<!DOCTYPE html>
<html>

	<head>
		<base href="../../" />
		<meta charset="utf-8">
		<title>赛事查询</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> -->
		<link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">
		<link rel="stylesheet" href="css/public.css" media="all">
		<script src="lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
		<script src="js/competition/findcompet.js"></script>
	</head>

	<body>
		<div class="layuimini-container">
			<div class="layuimini-main">

				<fieldset class="table-search-fieldset">
								<legend>赛事查询</legend>
								<div style="margin: 10px 10px 10px 10px">
									<form class="layui-form layui-form-pane" action="">
										<div class="layui-form-item">
											<div class="layui-inline">
												<label class="layui-form-label">赛事名称</label>
												<div class="layui-input-inline">
													<input type="text" name="competitionname" autocomplete="off" class="layui-input">
												</div>
											</div>
											<div class="layui-inline">
												<label class="layui-form-label">赛事级别</label>
												<div class="layui-input-inline">
													<select name="competitionlevel" id="competitionlevel" autocomplete="off">-->
																		                        <option value="" selected=""></option>
																		                        <option value="国家级">国家级</option>
																		                        <option value="省级">省级</option>
																		                        <option value="校级">校级</option>
																		                        <option value="院系">院系</option>
													</select>
												</div>
											</div>
											<div class="layui-inline">
												<label class="layui-form-label">赛事类型</label>
												<div class="layui-input-inline">
													<select name="competitiontype" id="competitiontype" autocomplete="off">-->
																		                        <option value="" selected="selected"></option>
																		                        <option value="A类">A类</option>
																		                        <option value="B类">B类</option>
																		                        <option value="C类">C类</option>
																		                        <option value="其它类">其它</option>
													</select>

												</div>
											</div>

											<div class="layui-inline">
												<button type="button" class="layui-btn layui-btn-primary"  lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
												<button type="reset" class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-refresh"></i>重置</button>
											</div>
										</div>
									</form>
								</div>
							</fieldset>
				<!--表格头部-->
				<script type="text/html" id="tablebar">
					<div class="layui-btn-group">
						<button class="layui-btn layui-btn-danger data-delete-btn"><i class="layui-icon layui-icon-delete"></i>删除所选赛事</button>
					</div>
				</script>
				<!--layui数据表格-->
				<table class="layui-hide" id="competitionTableId" lay-filter="competitionTableFilter"></table>
				<!--自定义的列模板-->
				<script type="text/html" id="currentTableBar">
					<button class="layui-btn layui-btn-xs data-count-edit" data-method="editcompetition" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>修改</button>
					<button class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete"><i class="layui-icon layui-icon-delete"></i>删除</button>
				</script>
			</div>
		</div>

	</body>

</html>
<!--<head>-->
<!--			<base href="../../" />-->
<!--			<meta charset="utf-8">-->
<!--			<title>赛事查询</title>-->
<!--			<meta name="renderer" content="webkit">-->
<!--			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
<!--			&lt;!&ndash; <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> &ndash;&gt;-->
<!--			<link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">-->
<!--			<link rel="stylesheet" href="css/public.css" media="all">-->
<!--			<script src="lib/layui-v2.6.3/layui.js" charset="utf-8"></script>-->
<!--		</head>-->
<!--<div class="layuimini-container layuimini-page-anim">-->
<!--	<div class="layuimini-main">-->

<!--		<fieldset class="table-search-fieldset">-->
<!--			<legend>赛事查询</legend>-->
<!--			<div style="margin: 10px 10px 10px 10px">-->
<!--				<form class="layui-form layui-form-pane" action="">-->
<!--					<div class="layui-form-item">-->
<!--						<div class="layui-inline">-->
<!--							<label class="layui-form-label">赛事名称</label>-->
<!--							<div class="layui-input-inline">-->
<!--								<input type="text" name="competitionname" autocomplete="off" class="layui-input">-->
<!--							</div>-->
<!--						</div>-->
<!--						<div class="layui-inline">-->
<!--							<label class="layui-form-label">赛事级别</label>-->
<!--							<div class="layui-input-inline">-->
<!--								<select name="competitionlevel" id="competitionlevel" autocomplete="off">&ndash;&gt;-->
<!--													                        <option value="" selected=""></option>-->
<!--													                        <option value="国家级">国家级</option>-->
<!--													                        <option value="省级">省级</option>-->
<!--													                        <option value="校级">校级</option>-->
<!--													                        <option value="院系">院系</option>-->
<!--								</select>-->
<!--							</div>-->
<!--						</div>-->
<!--						<div class="layui-inline">-->
<!--							<label class="layui-form-label">赛事类型</label>-->
<!--							<div class="layui-input-inline">-->
<!--								<select name="competitiontype" id="competitiontype" autocomplete="off">&ndash;&gt;-->
<!--													                        <option value="" selected="selected"></option>-->
<!--													                        <option value="A类">A类</option>-->
<!--													                        <option value="B类">B类</option>-->
<!--													                        <option value="C类">C类</option>-->
<!--													                        <option value="其它类">其它</option>-->
<!--								</select>-->

<!--							</div>-->
<!--						</div>-->

<!--						<div class="layui-inline">-->
<!--							<button type="button" class="layui-btn layui-btn-primary"  lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>-->
<!--							<button type="reset" class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-refresh"></i>重置</button>-->
<!--						</div>-->
<!--					</div>-->
<!--				</form>-->
<!--			</div>-->
<!--		</fieldset>-->

<!--		<script type="text/html" id="toolbarDemo">-->
<!--			<div class="layui-btn-container">-->
<!--				<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add"> 添加 </button>-->
<!--				<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button>-->
<!--			</div>-->
<!--		</script>-->

<!--		<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>-->

<!--		<script type="text/html" id="currentTableBar">-->
<!--			<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a>-->
<!--			<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a>-->
<!--		</script>-->

<!--	</div>-->
<!--</div>-->

<!--<script>-->
<!--	layui.use(['form', 'table','layer','element'], function () {-->
<!--		var $ = layui.jquery,-->
<!--				form = layui.form,-->
<!--				table = layui.table,-->
<!--				layer = layui.layer-->

<!--		table.render({-->
<!--			elem: '#currentTableId',-->
<!--			url: 'FindCompetitionServlet',-->
<!--			toolbar: '#toolbarDemo',-->
<!--			defaultToolbar: ['filter', 'exports', 'print', {-->
<!--				title: '提示',-->
<!--				layEvent: 'LAYTABLE_TIPS',-->
<!--				icon: 'layui-icon-tips'-->
<!--			}],-->
<!--			where: {competitionname:'',daterange:'',competitionlevel:'', competitiontype:''},-->
<!--			// 设置导出按钮-->
<!--			toolbar: '#tablebar',-->
<!--			cols: [-->
<!--				[{-->
<!--					type:'numbers',-->
<!--					width: 50,-->
<!--					title: '序号',-->
<!--					fixed: "left"-->
<!--				}, {-->
<!--					type: "checkbox",-->
<!--					width: 50,-->
<!--				}, {-->
<!--					field: 'competitionname',-->
<!--					width: 180,-->
<!--					title: '赛事名称',-->
<!--					sort: true-->
<!--				}, {-->
<!--					field: 'competitiondate',-->
<!--					width: 180,-->
<!--					title: '举办时间'-->
<!--				}, {-->
<!--					field: 'competitionlevel',-->
<!--					width: 140,-->
<!--					title: '赛事级别'-->
<!--				}, {-->
<!--					field: 'competitiontype',-->
<!--					width: 140,-->
<!--					title: '赛事类型'-->
<!--				}, {-->
<!--					field: 'competitiondescribe',-->
<!--					title: '赛事说明',-->
<!--					minWidth: 320-->
<!--				}, {-->
<!--					title: '操作',-->
<!--					minWidth: 150,-->
<!--					templet: '#currentTableBar',-->
<!--					fixed: "right",-->
<!--					align: "center"-->
<!--				}]-->
<!--			],-->
<!--			limits: [10, 15, 20, 25, 50, 100],-->
<!--			limit: 10,-->
<!--			page: true,-->
<!--			skin: 'line'-->
<!--		});-->

<!--		// var $ = layui.$, active = {-->
<!--		// 	reload: function () {-->
<!--		// 		var demoReload = $('#demoReload');-->
<!--		//-->
<!--		// 		//执行重载-->
<!--		// 		table.reload('currentTableId', {-->
<!--		// 			page: {-->
<!--		// 				curr: 1 //重新从第 1 页开始-->
<!--		// 			}-->
<!--		// 			, where: {-->
<!--		//-->
<!--		// 				id: demoReload.val()-->
<!--		//-->
<!--		// 			}-->
<!--		// 		}, 'data');-->
<!--		// 	}-->
<!--		// };-->
<!--		// 监听搜索操作-->
<!--		form.on('submit(data-search-btn)', function (data) {-->
<!--			//var result = JSON.stringify(data.field);-->
<!--			// layer.alert(result, {-->
<!--			// 	// title: '最终的搜索信息'-->
<!--			// });-->

<!--			//执行搜索重载-->
<!--			table.reload('currentTableId', {-->
<!--				page: {-->
<!--					curr: 1-->
<!--				}-->
<!--				, where: data.field-->
<!--				// 		{-->
<!--				// 	searchParams: result-->
<!--				// }-->
<!--			}, 'data');-->

<!--			return false;-->
<!--		});-->
<!--		$('.demoTable .layui-btn').on('click', function () {-->
<!--			var type = $(this).data('type');-->
<!--			active[type] ? active[type].call(this) : '';-->
<!--		});-->


<!--		/**-->
<!--		 * toolbar事件监听-->
<!--		 */-->
<!--		table.on('toolbar(currentTableFilter)', function (obj) {-->
<!--			if (obj.event === 'add') {   // 监听添加操作-->
<!--				var content = miniPage.getHrefContent('page/table/add.html');-->
<!--				var openWH = miniPage.getOpenWidthHeight();-->

<!--				var index = layer.open({-->
<!--					title: '添加用户',-->
<!--					type: 1,-->
<!--					shade: 0.2,-->
<!--					maxmin:true,-->
<!--					shadeClose: true,-->
<!--					area: [openWH[0] + 'px', openWH[1] + 'px'],-->
<!--					offset: [openWH[2] + 'px', openWH[3] + 'px'],-->
<!--					content: content,-->
<!--				});-->
<!--				$(window).on("resize", function () {-->
<!--					layer.full(index);-->
<!--				});-->
<!--			} else if (obj.event === 'delete') {  // 监听删除操作-->
<!--				var checkStatus = table.checkStatus('currentTableId')-->
<!--						, data = checkStatus.data;-->
<!--				layer.alert(JSON.stringify(data));-->
<!--			}-->
<!--		});-->

<!--		//监听表格复选框选择-->
<!--		table.on('checkbox(currentTableFilter)', function (obj) {-->
<!--			console.log(obj)-->
<!--		});-->

<!--		table.on('tool(currentTableFilter)', function (obj) {-->
<!--			var data = obj.data;-->
<!--			if (obj.event === 'edit') {-->

<!--				var content = miniPage.getHrefContent('page/table/add.html');-->
<!--				var openWH = miniPage.getOpenWidthHeight();-->

<!--				var index = layer.open({-->
<!--					title: '编辑用户',-->
<!--					type: 1,-->
<!--					shade: 0.2,-->
<!--					maxmin:true,-->
<!--					shadeClose: true,-->
<!--					area: [openWH[0] + 'px', openWH[1] + 'px'],-->
<!--					offset: [openWH[2] + 'px', openWH[3] + 'px'],-->
<!--					content: content,-->
<!--				});-->
<!--				$(window).on("resize", function () {-->
<!--					layer.full(index);-->
<!--				});-->
<!--				return false;-->
<!--			} else if (obj.event === 'delete') {-->
<!--				layer.confirm('真的删除行么', function (index) {-->
<!--					obj.del();-->
<!--					layer.close(index);-->
<!--				});-->
<!--			}-->
<!--		});-->

<!--	});-->
<!--</script>-->